<template>
	<div class="rankcell">
		<div class="rankcell-info">
			<div class="rankcell-rank">
				<img :src="items.img" v-show="rankindex!=0"/>
				<img src="@/assets/img/No1.png" v-show="rankindex==0"/>
				<span v-text="'NO.' + items.rank"></span>
			</div>
			<img :src="items.url" class="rankcell-img"/>
			<div class="rankcell-content">
				<span v-text="items.id + '号'"></span>
				<span v-text="items.name"></span>
			</div>
			<div class="rankcell-num">
				<span v-text="items.num + '票'"></span>
			</div>
		</div>
	</div>
</template>

<script>
	export default{
		name:'Rankcell',
		props:{
			items:{
				type:Object,
				default:()=>{
					return{}
				}
			},
			rankindex:{
				type:Number,
				default:0
			}
		},
		data(){
			return{
				isshow:false,
// 				ranklist:[{
// 					img:require('@/assets/img/No2.png'),
// 					rank:'1',
// 					url:require('@/assets/img/video.png'),
// 					id:'0001',
// 					name:'天心区靠谱队',
// 					num:'113450'
// 				},{
// 					img:require('@/assets/img/No2.png'),
// 					rank:'2',
// 					url:require('@/assets/img/video.png'),
// 					id:'0002',
// 					name:'天心区靠谱队',
// 					num:'113450'
// 				},{
// 					img:require('@/assets/img/No2.png'),
// 					rank:'3',
// 					url:require('@/assets/img/video.png'),
// 					id:'0003',
// 					name:'天心区靠谱队',
// 					num:'113450'
// 				}]
			}
		},
		methods:{
		}
	}
</script>

<style lang='stylus' scoped>
	.rankcell
		width 100%
		height 100%
		.rankcell-info
			width 6.24rem
			height 1.33rem
			margin 0 auto
			margin-bottom .1rem
			display flex
			justify-content space-between
			align-items center
			background #dddad9
			border .02rem solid #c4bdbb
			border-radius .1rem
			.rankcell-rank
				width 1.1rem
				height 100%
				position relative
				img 
					margin .47rem 0 .47rem 0
					width .73rem
					height .39rem
				span
					position absolute
					top .5rem
					left .03rem
					font-size .22rem
			.rankcell-img  
				width 1.67rem
				height 1.04rem
				border-radius .1rem
			.rankcell-content
				width 1.7rem
				text-align center
				margin-right .4rem
				font-size .24rem
				color #543c37
				span 
					display block
			.rankcell-num
				height 1.33rem
				text-align center
				margin-right .32rem
				span 
					display block
					white-space nowrap
					margin-top .53rem
					font-size .28rem
					color #3d2118
</style>
